<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Gallery</title>
    <link href="gallery.css" rel="stylesheet" type="text/css"/>
</head>
<body>
    <div id="gallery-nav">
        <ul>
            <li>
                <label for="lion1">
                    <img src="images/lion1.jpg" alt="lion" style="width: 200px; height: 150px;" />
                </label>
            </li>
            <li>
                <label for="lion2">
                    <img src="images/lion2.jpg" alt="lion" style="width: 200px; height: 150px;" />
                </label>
            </li>
            <li>
                <label for="lion3">
                    <img src="images/lion3.jpg" alt="lion" style="width: 200px; height: 150px;" />
                </label>
            </li>
            <li>
                <label for="tiger2">
                    <img src="images/tiger2.jpg" alt="tiger" style="width: 200px; height: 150px;" />
                </label>
            </li>
            <li>
                <label for="lionwhite">
                    <img src="images/lionwhite.jpg" alt="lion" style="width: 200px; height: 150px;" />
                </label>
            </li>
            <li>
                <label for="tiger1">
                    <img src="images/tiger1.jpg" alt="tiger" style="width: 200px; height: 150px;" />
                </label>
            </li>
        </ul>
    </div>
    <div id="images">
        <input type="radio" name="animals" id="lion1" />
        <img src="images/lion1.jpg" alt="lion" style="width: 800px; height: 600px;" />

        <input type="radio" name="animals" id="lion2" />
        <img src="images/lion2.jpg" alt="lion" style="width: 800px; height: 600px;" />

        <input type="radio" name="animals" id="lion3" />
        <img src="images/lion3.jpg" alt="lion" style="width: 800px; height: 600px;" />

        <input type="radio" name="animals" id="tiger2" />
        <img src="images/tiger2.jpg" alt="tiger" style="width: 800px; height: 600px;" />

        <input type="radio" name="animals" id="lionwhite" />
        <img src="images/lionwhite.jpg" alt="lion" style="width: 800px; height: 600px;" />

        <input type="radio" name="animals" id="tiger1" />
        <img src="images/tiger1.jpg" alt="tiger" style="width: 800px; height: 600px;" />
    </div>
</body>
</html>
